【Vue,webpack】报错解决(Module parse failed: Unexpected token (1:0) You may need an appropriate loader)

您所在的位置:网站首页 is file 【Vue,webpack】报错解决(Module parse failed: Unexpected token (1:0) You may need an appropriate loader)

【Vue,webpack】报错解决(Module parse failed: Unexpected token (1:0) You may need an appropriate loader)

#【Vue,webpack】报错解决(Module parse failed: Unexpected token (1:0) You may need an appropriate loader)| 来源: 网络整理| 查看: 265

文章首发—

错误如下:

在这里插入图片描述

webpack默认是不能处理vue文件,所以只能我们自己添加一些额外的插件进行处理它。

解决方式: 第一步:安装插件

cnpm i vue-loader vue-template-compiler --save-dev

第二步:在webpack.config.js添加如下配置:

module: { rules: [ { test: /\.vue$/, use: { loader: 'vue-loader' } }, ] }

然后重新运行,如果还报错可能是vue-loader 版本的原因,你的版本太高了。

我们又两种方式来解决这个问题:

方式一:减低vue-loader 的版本

将vue-loader 的版本减低问14.0.0 以下。

cnpm i [email protected] --save-dev

方式二:额外的在 webpack.config.js 添加一些配置。

//引入vue-loader/lib/plugin const VueLoaderPlugin = require('vue-loader/lib/plugin'); module.exports = { plugins: [ new VueLoaderPlugin() ], module: { rules: [ { test: /\.vue$/, use: { loader: 'vue-loader' } }, ] } };


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3